<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <link rel="stylesheet" href="./index.css" />
    </head>
    <body>
        <div class="frame">
            <div class="moon">
                <div class="crater c1"></div>
                <div class="crater c2"></div>
                <div class="crater c3"></div>
                <div class="crater c4"></div>
                <div class="crater c5"></div>
                <div class="crater c6"></div>
                <div class="crater c7"></div>
                <div class="crater c8"></div>
                <div class="crater c9"></div>
                <div class="crater c10"></div>
                <div class="crater c11"></div>
            </div>
            <div class="hill h1"></div>
            <div class="hill h2"></div>
            <div class="hill h3"></div>
            <div class="hill h4"></div>
            <div class="hill h5"></div>
            <div class="front">
                <div class="temperature">12°</div>
                <div class="info">
                    Wind: E 7 km/h <br />
                    Humidity: 87%
                </div>
                <table class="preview">
                    <tbody>
                        <tr>
                            <td>Tue</td>
                            <td>21° / 9°</td>
                        </tr>
                        <tr>
                            <td>Wed</td>
                            <td>23° / 10°</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </body>
</html>
